<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thmeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>常见属性</title>
</head>
<body>
    <FORM method="get" action="http://localhost:8080/test1">
        用户编号：<input type="text" name="id"><br/>
        用户姓名：<input type="text" name="userName"><br/>
        用户年龄：<input type="text" name="age"><br/>
        <input type="submit" value="submit">
    </FORM>

    <FORM method="get" th:action="@{/test1}">
        用户编号：<input type="text" th:id="id" th:name="id"><br/>
        用户姓名：<input type="text" th:id="userName" th:name="userName"><br/>
        用户年龄：<input type="text" th:id="age" th:name="age"><br/>
        <input type="submit" value="submit">
    </FORM>

    <script type="text/javascript">
        function test(){
            alert("-------");
        }
    </script>

<button th:onclick="test()">submit11</button><br/>
<button th:onclick="test()">submit22</button>

</body>
</html>